Vue.component('footerView',{
    props:["number"],
    template: ' <footer id="footer" class="clearfix">\n' +
    '        <a class="footer-see" href="/" :class="{active:number==1}"><span class="see-icon"></span></a>\n' +
    '        <a class="footer-purchase" href="/purchase" :class="{active:number==2}"><span class="purchase-icon"></span></a>\n' +
    // '        <a class="footer-market" href="/enjoy" :class="{active:number==0}"><span class="market-icon"></span></a>\n' +
    '        <a class="footer-friend" href="/friend" :class="{active:number==3}"><span class="friend-icon"></span></a>\n' +
    '        <a class="footer-happyi" href="/happyi"  :class="{active:number==4}"><span class="happyi-icon"></span></a>\n' +
    '    </footer>',
    data: function () {
        return {}
    },
    methods:{
        bgimg:function(url){
            url = url?url:"";
            return {
                "background-image":'url("'+url+'"),url("")'
            }
        }
    }
});